// 所有参与人员
let staffs = []
// 所有奖项
let sweepstakesItems = []
// 抽奖顺序的index
let sweepstakesItems_index = 0
// 抽奖结果
let drawResults = []
// 流程是否结束
let over = false
// 流程是否在进行中
let starting = false
// 摇奖的 setInterval() 集合
let interval_array = []
// 摇奖框滚动时的虚构人员,
let temp_staff = [
    '陈XX',
    '周XX',
    '王XX',
    '刘XX',
    '霍XX',
    '苗XX',
    '吕XX',
    '焦XX',
    '黄XX',
    '袁XX',
    '孙XX',
    '史XX',
    '杨XX',
    '徐XX',
    '樊XX',
    '程XX',
    '朱XX',
    '林XX',
    '马XX',
    '张XX',
    '段XX',
    '吴XX',
    '易XX',
    '闫XX',
    '詹XX',
    '赵XX',
    '董XX',
    '何XX',
    '曾XX',
    '唐XX',
    '崔XX',
    '夏XX',
    '范XX',
]

let load = false
$(document).ready(function () {
    load = false
    window.onbeforeunload = function () {
        if (!load) {
            const e = window.event || e;
            e.returnValue = ("确定离开当前页面吗？");
        }
    }
    over = false
    starting = false

    let mouseIndex = 1
    $('body').addClass('mouseStyle' + mouseIndex)
    setInterval(() => {
        mouseIndex++
        $('body').addClass('mouseStyle' + mouseIndex)
        if (mouseIndex === 4) {
            mouseIndex = 1
        }
    }, 10000)
    //     全屏显示代码
    const box = $("#box")
    $(box).on('click', function () {
        const elem = document.body;
        if (elem.webkitRequestFullScreen) {
            elem.webkitRequestFullScreen();
        } else if (elem.mozRequestFullScreen) {
            elem.mozRequestFullScreen();
        } else if (elem.requestFullScreen) {
            elem.requestFullscreen();
        }
        // 播放bgm
        const bgm_audio = $("#audio").get(0)
        bgm_audio.volume = 0.5
        bgm_audio.play()
    })
    // 获取配置文件
    const data = config
    // 设置标题
    $('#title').text(data['标题'])
    // 获取参与人员
    staffs = data['人员']
    // 获取奖项列表
    sweepstakesItems = data['大奖']
    // 添加 奖项选择器
    const stageSelect = $('<select name="stage" id="stage"></select>')
    for (let i = 0; i < sweepstakesItems.length; i++) {
        if (i === sweepstakesItems_index) {
            $(stageSelect).append(`<option value="${i}" selected>${sweepstakesItems[i]['名称']}</option>`)
        } else {
            $(stageSelect).append(`<option value="${i}">${sweepstakesItems[i]['名称']}</option>`)
        }
    }
    // 选择器change事件 当选择的奖项改变时 改变 index
    $(stageSelect).on('change', function () {
        const val = $(stageSelect).val()
        sweepstakesItems_index = Number.parseFloat(val)
    })
    $(box).append($(stageSelect))
    const otherBtn = $('<button id="otherBtnId" class="otherBtn"></button>')
    $(otherBtn).click(function () {
        $('#otherBtnId').hide()
        $('#stage').hide()
        enterOtherPlay(JSON.parse(JSON.stringify(staffs)))
    })
    $(box).append(otherBtn)

    // 显示所有参与人员
    const ul = $('<ul></ul>')
    $(ul).addClass('userUl')
    $(ul).append($(`<li style="color: #fff9a4">参与人员:</li>`))
    for (let staff of staffs) {
        const li = $(`<li>${staff}</li>`)
        $(ul).append($(li))
    }
    const mainDiv = $('#main_div')
    $(mainDiv).append($(ul))
    // 添加开始按钮
    const startBtn = $('<button id="startBtn">START</button>')
    $(mainDiv).append($(startBtn))
    $(startBtn).click(function () {
        // 进入摇奖页面
        $('#otherBtnId').hide()
        $('#stage').hide()
        enterStart()
    })
    console.log("研发支持部 MengLv Create By 20240124; meng.lv@raytrontek.com")
})
